
.mobile {
  positin: fixed;
  text-align: center;
  width: 100%;
  top: 50px;
  font-size: 90px;
  display: block;
}

h1, h2, span {
  display: none;
}

@media screen and (min-width: 670px) {
  .mobile {
    display: none;
  }

  h1, h2, span {
    display: block;
  }

  body {
    background: linear-gradient(to right, #e2b8f7, #d4bafa, #c7bcfb, #b9befb, #acbff9);
    cursor: crosshair;
    perspective: 1000px;
    transform-style: preserve-3d;
    font-family: "Pacifico", cursive;
  }

  h1 {
    position: fixed;
    text-align: center;
    width: 100%;
    top: 120px;
    font-size: 90px;
    background: -webkit-linear-gradient(0deg, #ceadfc 0%, #a3bbfb 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Concert One", cursive;
    font-weight: 400;
    z-index: -1;
    letter-spacing: 6px;
  }

  span {
    position: fixed;
    text-align: center;
    width: 100%;
    top: 70px;
    font-size: 70px;
  }

  h2 {
    position: fixed;
    text-align: center;
    width: 100%;
    top: 177px;
    font-size: 50px;
    background: -webkit-linear-gradient(90deg, #e9e6ff 0%, white 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

  bokeh {
    position: fixed;
    width: 2vmin;
    height: 2vmin;
    border-radius: 50%;
    animation-name: explosion;
    animation-iteration-count: infinite;
    animation-direction: reverse;
    animation-timing-function: cubic-bezier(0.84, 0.02, 1, 1);
  }
  bokeh:nth-child(1) {
    background-color: #2bd8ff;
    transform: translate(21.4305533153vw, 44.9637904569vh);
    animation-duration: 2.4101638724s;
    animation-delay: -3.32071899s;
  }
  bokeh:nth-child(2) {
    background-color: #ef8d22;
    transform: translate(40.079871334vw, 30.2289856402vh);
    animation-duration: 4.6335500934s;
    animation-delay: -1.2717711478s;
  }
  bokeh:nth-child(3) {
    background-color: #fc85e1;
    transform: translate(35.9504132008vw, 95.4456504355vh);
    animation-duration: 4.7625144476s;
    animation-delay: -4.159310933s;
  }
  bokeh:nth-child(4) {
    background-color: #ef8d22;
    transform: translate(12.0881634553vw, 18.4341575771vh);
    animation-duration: 3.0815161805s;
    animation-delay: -0.7681264453s;
  }
  bokeh:nth-child(5) {
    background-color: #ef8d22;
    transform: translate(42.7175051333vw, 10.8804042282vh);
    animation-duration: 3.2524303594s;
    animation-delay: -2.825827528s;
  }
  bokeh:nth-child(6) {
    background-color: #ef8d22;
    transform: translate(44.7973831639vw, 19.7428756906vh);
    animation-duration: 4.4965409932s;
    animation-delay: -2.4989286634s;
  }
  bokeh:nth-child(7) {
    background-color: #ef8d22;
    transform: translate(89.2593207566vw, 97.0799220153vh);
    animation-duration: 2.635784089s;
    animation-delay: -0.3741710585s;
  }
  bokeh:nth-child(8) {
    background-color: #fc85e1;
    transform: translate(18.2503268692vw, 29.8166124686vh);
    animation-duration: 2.6737581579s;
    animation-delay: -3.6066167371s;
  }
  bokeh:nth-child(9) {
    background-color: #feff28;
    transform: translate(83.0844902392vw, 20.0455491703vh);
    animation-duration: 4.5314793287s;
    animation-delay: -2.2844455383s;
  }
  bokeh:nth-child(10) {
    background-color: #fc85e1;
    transform: translate(6.4096208062vw, 70.6787974287vh);
    animation-duration: 3.2998142707s;
    animation-delay: -0.6963043243s;
  }
  bokeh:nth-child(11) {
    background-color: #2bd8ff;
    transform: translate(84.7295196116vw, 26.6759287239vh);
    animation-duration: 2.1824075848s;
    animation-delay: -2.8968989093s;
  }
  bokeh:nth-child(12) {
    background-color: #fc85e1;
    transform: translate(65.098871271vw, 51.8763175119vh);
    animation-duration: 4.1125323486s;
    animation-delay: -3.5817268675s;
  }
  bokeh:nth-child(13) {
    background-color: #2bd8ff;
    transform: translate(27.3561191547vw, 42.7279537948vh);
    animation-duration: 3.2865649256s;
    animation-delay: -1.5852083673s;
  }
  bokeh:nth-child(14) {
    background-color: #2bd8ff;
    transform: translate(80.2908992952vw, 8.4426800976vh);
    animation-duration: 4.6117935275s;
    animation-delay: -2.4241696097s;
  }
  bokeh:nth-child(15) {
    background-color: #feff28;
    transform: translate(69.8209943688vw, 55.9482726116vh);
    animation-duration: 2.3377645481s;
    animation-delay: -2.3927425812s;
  }
  bokeh:nth-child(16) {
    background-color: #fc85e1;
    transform: translate(44.049407336vw, 60.111823559vh);
    animation-duration: 4.4045668152s;
    animation-delay: -0.9589507566s;
  }
  bokeh:nth-child(17) {
    background-color: #ef8d22;
    transform: translate(18.5402252954vw, 47.2153587866vh);
    animation-duration: 3.9781502477s;
    animation-delay: -3.7935471958s;
  }
  bokeh:nth-child(18) {
    background-color: #2bd8ff;
    transform: translate(75.4780613523vw, 82.7345567718vh);
    animation-duration: 3.3007588927s;
    animation-delay: -3.1375045273s;
  }
  bokeh:nth-child(19) {
    background-color: #ef8d22;
    transform: translate(67.8744938636vw, 42.5021161401vh);
    animation-duration: 2.0029446203s;
    animation-delay: -1.6943058425s;
  }
  bokeh:nth-child(20) {
    background-color: #ef8d22;
    transform: translate(9.7604361063vw, 61.0191413139vh);
    animation-duration: 4.3312535018s;
    animation-delay: -3.6389213068s;
  }
  bokeh:nth-child(21) {
    background-color: #ef8d22;
    transform: translate(85.555949434vw, 34.4051790505vh);
    animation-duration: 3.8181010823s;
    animation-delay: -3.7749475297s;
  }
  bokeh:nth-child(22) {
    background-color: #fc85e1;
    transform: translate(0.9749748207vw, 17.1733247417vh);
    animation-duration: 2.3708083194s;
    animation-delay: -2.845409303s;
  }
  bokeh:nth-child(23) {
    background-color: #2bd8ff;
    transform: translate(58.8840544967vw, 19.3743122178vh);
    animation-duration: 2.9474255927s;
    animation-delay: -0.0907435405s;
  }
  bokeh:nth-child(24) {
    background-color: #fc85e1;
    transform: translate(15.2625928208vw, 25.6934609015vh);
    animation-duration: 2.4654273708s;
    animation-delay: -4.7402796633s;
  }
  bokeh:nth-child(25) {
    background-color: #ef8d22;
    transform: translate(27.8392785538vw, 26.6392827605vh);
    animation-duration: 2.4202703694s;
    animation-delay: -4.9350789824s;
  }
  bokeh:nth-child(26) {
    background-color: #2bd8ff;
    transform: translate(18.7071599156vw, 57.3459297004vh);
    animation-duration: 4.8417851841s;
    animation-delay: -3.5946195403s;
  }
  bokeh:nth-child(27) {
    background-color: #feff28;
    transform: translate(45.935814936vw, 50.3660627857vh);
    animation-duration: 4.5792193991s;
    animation-delay: -3.4622811846s;
  }
  bokeh:nth-child(28) {
    background-color: #ef8d22;
    transform: translate(19.2543739932vw, 29.8038771672vh);
    animation-duration: 4.3964914179s;
    animation-delay: -2.5653028572s;
  }
  bokeh:nth-child(29) {
    background-color: #fc85e1;
    transform: translate(74.9736118015vw, 73.8586993768vh);
    animation-duration: 3.2753197302s;
    animation-delay: -1.177213745s;
  }
  bokeh:nth-child(30) {
    background-color: #ef8d22;
    transform: translate(57.937678574vw, 42.056712861vh);
    animation-duration: 3.2417696427s;
    animation-delay: -4.1202198357s;
  }
  bokeh:nth-child(31) {
    background-color: #2bd8ff;
    transform: translate(71.1574668164vw, 17.8074841246vh);
    animation-duration: 3.4447149797s;
    animation-delay: -3.8224438332s;
  }
  bokeh:nth-child(32) {
    background-color: #ef8d22;
    transform: translate(3.1722799603vw, 13.770117937vh);
    animation-duration: 4.3288415417s;
    animation-delay: -2.558043839s;
  }
  bokeh:nth-child(33) {
    background-color: #2bd8ff;
    transform: translate(80.4703342027vw, 7.1808505653vh);
    animation-duration: 2.6811108233s;
    animation-delay: -0.3383107325s;
  }
  bokeh:nth-child(34) {
    background-color: #feff28;
    transform: translate(56.9114441644vw, 82.5389631667vh);
    animation-duration: 3.5324249569s;
    animation-delay: -2.058307065s;
  }
  bokeh:nth-child(35) {
    background-color: #2bd8ff;
    transform: translate(11.4969976045vw, 65.6045204842vh);
    animation-duration: 3.4761668845s;
    animation-delay: -2.1360568501s;
  }
  bokeh:nth-child(36) {
    background-color: #ef8d22;
    transform: translate(22.6947075691vw, 74.3124215889vh);
    animation-duration: 4.6947018083s;
    animation-delay: -0.5508859641s;
  }
  bokeh:nth-child(37) {
    background-color: #fc85e1;
    transform: translate(39.7547103437vw, 83.5060030691vh);
    animation-duration: 3.4664969926s;
    animation-delay: -2.3894899029s;
  }
  bokeh:nth-child(38) {
    background-color: #feff28;
    transform: translate(68.0025145064vw, 43.3456502583vh);
    animation-duration: 4.8763559613s;
    animation-delay: -4.5300397194s;
  }
  bokeh:nth-child(39) {
    background-color: #2bd8ff;
    transform: translate(60.7489008165vw, 12.0600485064vh);
    animation-duration: 3.6127994242s;
    animation-delay: -3.1488038373s;
  }
  bokeh:nth-child(40) {
    background-color: #2bd8ff;
    transform: translate(74.1639724139vw, 20.9681524802vh);
    animation-duration: 2.6965713617s;
    animation-delay: -2.6339045354s;
  }
  bokeh:nth-child(41) {
    background-color: #feff28;
    transform: translate(39.204563766vw, 88.8256899338vh);
    animation-duration: 4.6628092732s;
    animation-delay: -2.5331071064s;
  }
  bokeh:nth-child(42) {
    background-color: #feff28;
    transform: translate(89.8132457697vw, 7.6674073095vh);
    animation-duration: 3.993106375s;
    animation-delay: -1.9224964731s;
  }
  bokeh:nth-child(43) {
    background-color: #2bd8ff;
    transform: translate(76.6179403765vw, 42.4650087153vh);
    animation-duration: 4.1380986407s;
    animation-delay: -1.3381329884s;
  }
  bokeh:nth-child(44) {
    background-color: #feff28;
    transform: translate(49.1679813389vw, 53.8154681477vh);
    animation-duration: 4.6023314586s;
    animation-delay: -2.0070851992s;
  }
  bokeh:nth-child(45) {
    background-color: #2bd8ff;
    transform: translate(66.3131556848vw, 53.3735954775vh);
    animation-duration: 3.4017089628s;
    animation-delay: -1.1847393298s;
  }
  bokeh:nth-child(46) {
    background-color: #ef8d22;
    transform: translate(45.7281656858vw, 55.476496619vh);
    animation-duration: 2.9095906185s;
    animation-delay: -0.5750750725s;
  }
  bokeh:nth-child(47) {
    background-color: #fc85e1;
    transform: translate(48.7910673472vw, 76.8835698055vh);
    animation-duration: 2.2028424723s;
    animation-delay: -4.7876060771s;
  }
  bokeh:nth-child(48) {
    background-color: #feff28;
    transform: translate(39.2743673672vw, 61.77731295vh);
    animation-duration: 3.5188775591s;
    animation-delay: -1.9393196631s;
  }
  bokeh:nth-child(49) {
    background-color: #2bd8ff;
    transform: translate(68.7478519543vw, 29.4581214237vh);
    animation-duration: 4.9605851512s;
    animation-delay: -4.3166186912s;
  }
  bokeh:nth-child(50) {
    background-color: #fc85e1;
    transform: translate(55.4506941955vw, 22.5994280685vh);
    animation-duration: 3.9663614313s;
    animation-delay: -3.5158736493s;
  }
  bokeh:nth-child(51) {
    background-color: #fc85e1;
    transform: translate(79.8077593165vw, 20.4938412754vh);
    animation-duration: 3.6139579213s;
    animation-delay: -3.1867892269s;
  }
  bokeh:nth-child(52) {
    background-color: #fc85e1;
    transform: translate(54.4955979851vw, 29.5538915836vh);
    animation-duration: 4.1211879698s;
    animation-delay: -4.5426559966s;
  }
  bokeh:nth-child(53) {
    background-color: #feff28;
    transform: translate(14.6868241979vw, 94.6163500048vh);
    animation-duration: 2.7728622868s;
    animation-delay: -3.1216503216s;
  }
  bokeh:nth-child(54) {
    background-color: #feff28;
    transform: translate(59.4449424314vw, 48.0921821717vh);
    animation-duration: 2.3890453903s;
    animation-delay: -4.1104909972s;
  }
  bokeh:nth-child(55) {
    background-color: #feff28;
    transform: translate(60.3592980587vw, 36.3380617978vh);
    animation-duration: 4.1878945192s;
    animation-delay: -2.8433218369s;
  }
  bokeh:nth-child(56) {
    background-color: #2bd8ff;
    transform: translate(82.9993270623vw, 58.1986373331vh);
    animation-duration: 2.1528781544s;
    animation-delay: -0.6134888684s;
  }
  bokeh:nth-child(57) {
    background-color: #feff28;
    transform: translate(48.716214039vw, 82.8428005938vh);
    animation-duration: 3.909552231s;
    animation-delay: -1.3785661395s;
  }
  bokeh:nth-child(58) {
    background-color: #ef8d22;
    transform: translate(23.2264980159vw, 58.6506432981vh);
    animation-duration: 2.2044489628s;
    animation-delay: -3.9616443531s;
  }
  bokeh:nth-child(59) {
    background-color: #feff28;
    transform: translate(11.8369181769vw, 94.9561682974vh);
    animation-duration: 3.2789164192s;
    animation-delay: -3.4977592089s;
  }
  bokeh:nth-child(60) {
    background-color: #feff28;
    transform: translate(51.2716795825vw, 47.4657242515vh);
    animation-duration: 2.4598675491s;
    animation-delay: -3.215157376s;
  }
  bokeh:nth-child(61) {
    background-color: #fc85e1;
    transform: translate(31.6931067036vw, 34.0269921614vh);
    animation-duration: 4.6834710428s;
    animation-delay: -0.7490888744s;
  }
  bokeh:nth-child(62) {
    background-color: #2bd8ff;
    transform: translate(81.4821709111vw, 96.0747421651vh);
    animation-duration: 3.7998712319s;
    animation-delay: -2.8992074544s;
  }
  bokeh:nth-child(63) {
    background-color: #feff28;
    transform: translate(83.2117644942vw, 12.2463648771vh);
    animation-duration: 4.2707996531s;
    animation-delay: -2.9758413293s;
  }
  bokeh:nth-child(64) {
    background-color: #feff28;
    transform: translate(83.9511323517vw, 15.3226204251vh);
    animation-duration: 2.7320119659s;
    animation-delay: -0.7433344406s;
  }
  bokeh:nth-child(65) {
    background-color: #2bd8ff;
    transform: translate(92.8575049646vw, 0.3046107181vh);
    animation-duration: 2.7494542856s;
    animation-delay: -3.7552916991s;
  }
  bokeh:nth-child(66) {
    background-color: #2bd8ff;
    transform: translate(88.3609656364vw, 7.4833666358vh);
    animation-duration: 3.7667351028s;
    animation-delay: -4.8949709522s;
  }
  bokeh:nth-child(67) {
    background-color: #fc85e1;
    transform: translate(86.6769365674vw, 25.5155502086vh);
    animation-duration: 2.5417474619s;
    animation-delay: -3.978307631s;
  }
  bokeh:nth-child(68) {
    background-color: #fc85e1;
    transform: translate(77.1598140309vw, 54.754170505vh);
    animation-duration: 2.9877056301s;
    animation-delay: -0.2799790125s;
  }
  bokeh:nth-child(69) {
    background-color: #fc85e1;
    transform: translate(60.4457724637vw, 40.9419903004vh);
    animation-duration: 3.3439642799s;
    animation-delay: -0.5295270716s;
  }
  bokeh:nth-child(70) {
    background-color: #ef8d22;
    transform: translate(13.8127571173vw, 44.1309374375vh);
    animation-duration: 4.4634317778s;
    animation-delay: -2.2841959219s;
  }
  bokeh:nth-child(71) {
    background-color: #2bd8ff;
    transform: translate(76.3329411453vw, 1.2011696146vh);
    animation-duration: 2.2237065408s;
    animation-delay: -0.3815823876s;
  }
  bokeh:nth-child(72) {
    background-color: #2bd8ff;
    transform: translate(74.0595665088vw, 71.5433925244vh);
    animation-duration: 3.0659604002s;
    animation-delay: -2.7245601422s;
  }
  bokeh:nth-child(73) {
    background-color: #fc85e1;
    transform: translate(31.0217807119vw, 62.9191534146vh);
    animation-duration: 2.1946203693s;
    animation-delay: -3.4085626133s;
  }
  bokeh:nth-child(74) {
    background-color: #ef8d22;
    transform: translate(15.8079422548vw, 79.9092983915vh);
    animation-duration: 4.6586058607s;
    animation-delay: -4.1792553617s;
  }
  bokeh:nth-child(75) {
    background-color: #2bd8ff;
    transform: translate(69.180017996vw, 99.420487631vh);
    animation-duration: 4.8345351496s;
    animation-delay: -4.3109159634s;
  }
  bokeh:nth-child(76) {
    background-color: #feff28;
    transform: translate(58.9258528362vw, 0.8945914739vh);
    animation-duration: 2.4201919017s;
    animation-delay: -4.6912561767s;
  }
  bokeh:nth-child(77) {
    background-color: #fc85e1;
    transform: translate(92.4332944839vw, 13.4059907657vh);
    animation-duration: 2.5048403375s;
    animation-delay: -0.412195391s;
  }
  bokeh:nth-child(78) {
    background-color: #feff28;
    transform: translate(87.2946754274vw, 87.2322487451vh);
    animation-duration: 2.4844105823s;
    animation-delay: -0.223646158s;
  }
  bokeh:nth-child(79) {
    background-color: #2bd8ff;
    transform: translate(19.1619878861vw, 43.1899902946vh);
    animation-duration: 3.0955085795s;
    animation-delay: -2.0637103036s;
  }
  bokeh:nth-child(80) {
    background-color: #2bd8ff;
    transform: translate(30.1313019042vw, 63.8289382459vh);
    animation-duration: 4.413059046s;
    animation-delay: -1.7810196936s;
  }
  bokeh:nth-child(81) {
    background-color: #fc85e1;
    transform: translate(34.84166953vw, 51.8122337595vh);
    animation-duration: 3.3026565426s;
    animation-delay: -3.8220311148s;
  }
  bokeh:nth-child(82) {
    background-color: #ef8d22;
    transform: translate(77.8514325508vw, 98.9918123172vh);
    animation-duration: 3.4924226778s;
    animation-delay: -4.250738834s;
  }
  bokeh:nth-child(83) {
    background-color: #fc85e1;
    transform: translate(63.6307975384vw, 70.624338237vh);
    animation-duration: 2.5313503381s;
    animation-delay: -0.5767914619s;
  }
  bokeh:nth-child(84) {
    background-color: #fc85e1;
    transform: translate(7.0733056084vw, 1.0942815516vh);
    animation-duration: 3.1359095949s;
    animation-delay: -4.0872774725s;
  }
  bokeh:nth-child(85) {
    background-color: #fc85e1;
    transform: translate(75.8615287523vw, 82.0191364115vh);
    animation-duration: 2.8182151329s;
    animation-delay: -2.733615711s;
  }
  bokeh:nth-child(86) {
    background-color: #2bd8ff;
    transform: translate(99.7682976855vw, 13.9985608193vh);
    animation-duration: 3.281828652s;
    animation-delay: -0.6696846639s;
  }
  bokeh:nth-child(87) {
    background-color: #fc85e1;
    transform: translate(17.2613026144vw, 27.7431797096vh);
    animation-duration: 4.1561090454s;
    animation-delay: -4.0236927545s;
  }
  bokeh:nth-child(88) {
    background-color: #fc85e1;
    transform: translate(99.3027844393vw, 83.2764837535vh);
    animation-duration: 3.8869431755s;
    animation-delay: -2.9476600207s;
  }
  bokeh:nth-child(89) {
    background-color: #fc85e1;
    transform: translate(5.7201043011vw, 16.4113157547vh);
    animation-duration: 4.7216345546s;
    animation-delay: -0.3368394519s;
  }
  bokeh:nth-child(90) {
    background-color: #ef8d22;
    transform: translate(70.1063113639vw, 13.5858028205vh);
    animation-duration: 2.7641884618s;
    animation-delay: -0.5842557505s;
  }
  bokeh:nth-child(91) {
    background-color: #2bd8ff;
    transform: translate(27.6154202588vw, 16.0596229508vh);
    animation-duration: 2.4768088857s;
    animation-delay: -3.7682919234s;
  }
  bokeh:nth-child(92) {
    background-color: #ef8d22;
    transform: translate(48.2758253234vw, 78.8503949048vh);
    animation-duration: 4.7175009255s;
    animation-delay: -3.9287012236s;
  }
  bokeh:nth-child(93) {
    background-color: #feff28;
    transform: translate(12.1333020548vw, 68.773149684vh);
    animation-duration: 4.3597876072s;
    animation-delay: -1.7809677927s;
  }
  bokeh:nth-child(94) {
    background-color: #ef8d22;
    transform: translate(89.8828508021vw, 70.7345408194vh);
    animation-duration: 4.7678951312s;
    animation-delay: -3.2691574056s;
  }
  bokeh:nth-child(95) {
    background-color: #fc85e1;
    transform: translate(42.2102520996vw, 25.5622956774vh);
    animation-duration: 4.2542700504s;
    animation-delay: -0.7321152937s;
  }
  bokeh:nth-child(96) {
    background-color: #fc85e1;
    transform: translate(25.6624368397vw, 1.670617486vh);
    animation-duration: 3.0856230613s;
    animation-delay: -3.1803101166s;
  }
  bokeh:nth-child(97) {
    background-color: #feff28;
    transform: translate(9.4207425024vw, 88.8121689776vh);
    animation-duration: 3.6686274258s;
    animation-delay: -1.875323684s;
  }
  bokeh:nth-child(98) {
    background-color: #feff28;
    transform: translate(7.8349878722vw, 22.3859368805vh);
    animation-duration: 3.2190326228s;
    animation-delay: -2.2368348478s;
  }
  bokeh:nth-child(99) {
    background-color: #2bd8ff;
    transform: translate(18.9956060731vw, 83.7705063498vh);
    animation-duration: 2.49053984s;
    animation-delay: -0.4740338957s;
  }
  bokeh:nth-child(100) {
    background-color: #ef8d22;
    transform: translate(27.2898918238vw, 35.0101129682vh);
    animation-duration: 3.8375436673s;
    animation-delay: -4.2079878275s;
  }

  @keyframes explosion {
    0% {
      opacity: 0;
    }
    70% {
      opacity: 1;
    }
    100% {
      transform: translate(50vw, 100vh);
    }
  }


  .lit {
    background: linear-gradient(to bottom, #FFF6D9, #FBC36C);
    width: 15px;
    height: 35px;
    /*  Info on border radius. http://www.css3.info/preview/rounded-border/ */
    border-top-left-radius: 10px 35px;
    border-top-right-radius: 10px 35px;
    border-bottom-right-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
    top: -34px;
    margin: auto;
    /*   http://www.css3.info/preview/box-shadow/ */
    box-shadow: 0 0 17px 7px rgba(251, 246, 190, 0.71);
    transform-origin: bottom;
    animation: flicker 1s ease-in-out alternate infinite;
  }

  @keyframes flicker {
    0% {
      transform: skewX(5deg);
      box-shadow: 0 0 17px 10px rgba(251, 246, 190, 0.71);
    }
    25% {
      transform: skewX(-5deg);
      box-shadow: 0 0 17px 5px rgba(251, 246, 190, 0.71);
    }
    50% {
      transform: skewX(10deg);
      box-shadow: 0 0 17px 7px rgba(251, 246, 190, 0.71);
    }
    75% {
      transform: skewX(-10deg);
      box-shadow: 0 0 17px 5px rgba(251, 246, 190, 0.71);
    }
    100% {
      transform: skewX(5deg);
      box-shadow: 0 0 17px 10px rgba(251, 246, 190, 0.71);
    }
  }
  .pyro > .before, .pyro > .after {
    position: fixed;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    box-shadow: 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff, 0 0 #fff;
    -moz-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -webkit-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -o-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    -ms-animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
    animation: 1s bang ease-out infinite backwards, 1s gravity ease-in infinite backwards, 5s position linear infinite backwards;
  }

  .pyro > .after {
    -moz-animation-delay: 1.25s, 1.25s, 1.25s;
    -webkit-animation-delay: 1.25s, 1.25s, 1.25s;
    -o-animation-delay: 1.25s, 1.25s, 1.25s;
    -ms-animation-delay: 1.25s, 1.25s, 1.25s;
    animation-delay: 1.25s, 1.25s, 1.25s;
    -moz-animation-duration: 1.25s, 1.25s, 6.25s;
    -webkit-animation-duration: 1.25s, 1.25s, 6.25s;
    -o-animation-duration: 1.25s, 1.25s, 6.25s;
    -ms-animation-duration: 1.25s, 1.25s, 6.25s;
    animation-duration: 1.25s, 1.25s, 6.25s;
  }

  @-webkit-keyframes bang {
    to {
      box-shadow: -110px 2.3333333333px #6f00ff, 69px -309.6666666667px #ffae00, 114px -60.6666666667px #b300ff, 163px -4.6666666667px #ff00bf, -207px 57.3333333333px #00d9ff, -33px -378.6666666667px #00ff6a, 113px -173.6666666667px #ff7b00, 44px 81.3333333333px #ff5900, 215px 57.3333333333px #ff008c, 216px -378.6666666667px #00ffbb, -236px 54.3333333333px #005eff, 202px -358.6666666667px #ff5e00, 244px -81.6666666667px #ff4400, 19px -338.6666666667px #00ff51, -135px -303.6666666667px #3300ff, -193px -329.6666666667px #ffa600, 223px -53.6666666667px #ff005e, -207px -325.6666666667px #0900ff, 173px 27.3333333333px #6aff00, -228px 76.3333333333px #55ff00, -16px -269.6666666667px #cc00ff, 218px -244.6666666667px #ff0055, 181px -175.6666666667px #b3ff00, 6px -112.6666666667px #005eff, 153px -273.6666666667px #ff003c, 250px -309.6666666667px #0033ff, 11px -291.6666666667px #0095ff, 194px -233.6666666667px #ff001e, 216px 2.3333333333px #6200ff, 41px 1.3333333333px #9d00ff, 54px 21.3333333333px #ff008c, 129px -23.6666666667px #00ffa6, 110px -231.6666666667px #0040ff, 13px 58.3333333333px #ff0900, 77px -312.6666666667px fuchsia, -7px -402.6666666667px #ff00d5, 234px -149.6666666667px #ff004d, 127px -97.6666666667px #00fbff, 86px -298.6666666667px aqua, -2px 77.3333333333px #2bff00, 221px -386.6666666667px #26ff00, -7px -223.6666666667px #ff002b, 84px -176.6666666667px #ffd000, -162px -47.6666666667px #ff1a00, 193px -321.6666666667px #bf00ff, -238px -84.6666666667px #0066ff, 188px -279.6666666667px #ffd500, 28px -84.6666666667px #4800ff, 124px -11.6666666667px #ffaa00, 171px -358.6666666667px #00ff95, 227px -286.6666666667px #00ff84;
    }
  }
  @-moz-keyframes bang {
    to {
      box-shadow: -110px 2.3333333333px #6f00ff, 69px -309.6666666667px #ffae00, 114px -60.6666666667px #b300ff, 163px -4.6666666667px #ff00bf, -207px 57.3333333333px #00d9ff, -33px -378.6666666667px #00ff6a, 113px -173.6666666667px #ff7b00, 44px 81.3333333333px #ff5900, 215px 57.3333333333px #ff008c, 216px -378.6666666667px #00ffbb, -236px 54.3333333333px #005eff, 202px -358.6666666667px #ff5e00, 244px -81.6666666667px #ff4400, 19px -338.6666666667px #00ff51, -135px -303.6666666667px #3300ff, -193px -329.6666666667px #ffa600, 223px -53.6666666667px #ff005e, -207px -325.6666666667px #0900ff, 173px 27.3333333333px #6aff00, -228px 76.3333333333px #55ff00, -16px -269.6666666667px #cc00ff, 218px -244.6666666667px #ff0055, 181px -175.6666666667px #b3ff00, 6px -112.6666666667px #005eff, 153px -273.6666666667px #ff003c, 250px -309.6666666667px #0033ff, 11px -291.6666666667px #0095ff, 194px -233.6666666667px #ff001e, 216px 2.3333333333px #6200ff, 41px 1.3333333333px #9d00ff, 54px 21.3333333333px #ff008c, 129px -23.6666666667px #00ffa6, 110px -231.6666666667px #0040ff, 13px 58.3333333333px #ff0900, 77px -312.6666666667px fuchsia, -7px -402.6666666667px #ff00d5, 234px -149.6666666667px #ff004d, 127px -97.6666666667px #00fbff, 86px -298.6666666667px aqua, -2px 77.3333333333px #2bff00, 221px -386.6666666667px #26ff00, -7px -223.6666666667px #ff002b, 84px -176.6666666667px #ffd000, -162px -47.6666666667px #ff1a00, 193px -321.6666666667px #bf00ff, -238px -84.6666666667px #0066ff, 188px -279.6666666667px #ffd500, 28px -84.6666666667px #4800ff, 124px -11.6666666667px #ffaa00, 171px -358.6666666667px #00ff95, 227px -286.6666666667px #00ff84;
    }
  }
  @-o-keyframes bang {
    to {
      box-shadow: -110px 2.3333333333px #6f00ff, 69px -309.6666666667px #ffae00, 114px -60.6666666667px #b300ff, 163px -4.6666666667px #ff00bf, -207px 57.3333333333px #00d9ff, -33px -378.6666666667px #00ff6a, 113px -173.6666666667px #ff7b00, 44px 81.3333333333px #ff5900, 215px 57.3333333333px #ff008c, 216px -378.6666666667px #00ffbb, -236px 54.3333333333px #005eff, 202px -358.6666666667px #ff5e00, 244px -81.6666666667px #ff4400, 19px -338.6666666667px #00ff51, -135px -303.6666666667px #3300ff, -193px -329.6666666667px #ffa600, 223px -53.6666666667px #ff005e, -207px -325.6666666667px #0900ff, 173px 27.3333333333px #6aff00, -228px 76.3333333333px #55ff00, -16px -269.6666666667px #cc00ff, 218px -244.6666666667px #ff0055, 181px -175.6666666667px #b3ff00, 6px -112.6666666667px #005eff, 153px -273.6666666667px #ff003c, 250px -309.6666666667px #0033ff, 11px -291.6666666667px #0095ff, 194px -233.6666666667px #ff001e, 216px 2.3333333333px #6200ff, 41px 1.3333333333px #9d00ff, 54px 21.3333333333px #ff008c, 129px -23.6666666667px #00ffa6, 110px -231.6666666667px #0040ff, 13px 58.3333333333px #ff0900, 77px -312.6666666667px fuchsia, -7px -402.6666666667px #ff00d5, 234px -149.6666666667px #ff004d, 127px -97.6666666667px #00fbff, 86px -298.6666666667px aqua, -2px 77.3333333333px #2bff00, 221px -386.6666666667px #26ff00, -7px -223.6666666667px #ff002b, 84px -176.6666666667px #ffd000, -162px -47.6666666667px #ff1a00, 193px -321.6666666667px #bf00ff, -238px -84.6666666667px #0066ff, 188px -279.6666666667px #ffd500, 28px -84.6666666667px #4800ff, 124px -11.6666666667px #ffaa00, 171px -358.6666666667px #00ff95, 227px -286.6666666667px #00ff84;
    }
  }
  @-ms-keyframes bang {
    to {
      box-shadow: -110px 2.3333333333px #6f00ff, 69px -309.6666666667px #ffae00, 114px -60.6666666667px #b300ff, 163px -4.6666666667px #ff00bf, -207px 57.3333333333px #00d9ff, -33px -378.6666666667px #00ff6a, 113px -173.6666666667px #ff7b00, 44px 81.3333333333px #ff5900, 215px 57.3333333333px #ff008c, 216px -378.6666666667px #00ffbb, -236px 54.3333333333px #005eff, 202px -358.6666666667px #ff5e00, 244px -81.6666666667px #ff4400, 19px -338.6666666667px #00ff51, -135px -303.6666666667px #3300ff, -193px -329.6666666667px #ffa600, 223px -53.6666666667px #ff005e, -207px -325.6666666667px #0900ff, 173px 27.3333333333px #6aff00, -228px 76.3333333333px #55ff00, -16px -269.6666666667px #cc00ff, 218px -244.6666666667px #ff0055, 181px -175.6666666667px #b3ff00, 6px -112.6666666667px #005eff, 153px -273.6666666667px #ff003c, 250px -309.6666666667px #0033ff, 11px -291.6666666667px #0095ff, 194px -233.6666666667px #ff001e, 216px 2.3333333333px #6200ff, 41px 1.3333333333px #9d00ff, 54px 21.3333333333px #ff008c, 129px -23.6666666667px #00ffa6, 110px -231.6666666667px #0040ff, 13px 58.3333333333px #ff0900, 77px -312.6666666667px fuchsia, -7px -402.6666666667px #ff00d5, 234px -149.6666666667px #ff004d, 127px -97.6666666667px #00fbff, 86px -298.6666666667px aqua, -2px 77.3333333333px #2bff00, 221px -386.6666666667px #26ff00, -7px -223.6666666667px #ff002b, 84px -176.6666666667px #ffd000, -162px -47.6666666667px #ff1a00, 193px -321.6666666667px #bf00ff, -238px -84.6666666667px #0066ff, 188px -279.6666666667px #ffd500, 28px -84.6666666667px #4800ff, 124px -11.6666666667px #ffaa00, 171px -358.6666666667px #00ff95, 227px -286.6666666667px #00ff84;
    }
  }
  @keyframes bang {
    to {
      box-shadow: -110px 2.3333333333px #6f00ff, 69px -309.6666666667px #ffae00, 114px -60.6666666667px #b300ff, 163px -4.6666666667px #ff00bf, -207px 57.3333333333px #00d9ff, -33px -378.6666666667px #00ff6a, 113px -173.6666666667px #ff7b00, 44px 81.3333333333px #ff5900, 215px 57.3333333333px #ff008c, 216px -378.6666666667px #00ffbb, -236px 54.3333333333px #005eff, 202px -358.6666666667px #ff5e00, 244px -81.6666666667px #ff4400, 19px -338.6666666667px #00ff51, -135px -303.6666666667px #3300ff, -193px -329.6666666667px #ffa600, 223px -53.6666666667px #ff005e, -207px -325.6666666667px #0900ff, 173px 27.3333333333px #6aff00, -228px 76.3333333333px #55ff00, -16px -269.6666666667px #cc00ff, 218px -244.6666666667px #ff0055, 181px -175.6666666667px #b3ff00, 6px -112.6666666667px #005eff, 153px -273.6666666667px #ff003c, 250px -309.6666666667px #0033ff, 11px -291.6666666667px #0095ff, 194px -233.6666666667px #ff001e, 216px 2.3333333333px #6200ff, 41px 1.3333333333px #9d00ff, 54px 21.3333333333px #ff008c, 129px -23.6666666667px #00ffa6, 110px -231.6666666667px #0040ff, 13px 58.3333333333px #ff0900, 77px -312.6666666667px fuchsia, -7px -402.6666666667px #ff00d5, 234px -149.6666666667px #ff004d, 127px -97.6666666667px #00fbff, 86px -298.6666666667px aqua, -2px 77.3333333333px #2bff00, 221px -386.6666666667px #26ff00, -7px -223.6666666667px #ff002b, 84px -176.6666666667px #ffd000, -162px -47.6666666667px #ff1a00, 193px -321.6666666667px #bf00ff, -238px -84.6666666667px #0066ff, 188px -279.6666666667px #ffd500, 28px -84.6666666667px #4800ff, 124px -11.6666666667px #ffaa00, 171px -358.6666666667px #00ff95, 227px -286.6666666667px #00ff84;
    }
  }
  @-webkit-keyframes gravity {
    to {
      transform: translateY(200px);
      -moz-transform: translateY(200px);
      -webkit-transform: translateY(200px);
      -o-transform: translateY(200px);
      -ms-transform: translateY(200px);
      opacity: 0;
    }
  }
  @-moz-keyframes gravity {
    to {
      transform: translateY(200px);
      -moz-transform: translateY(200px);
      -webkit-transform: translateY(200px);
      -o-transform: translateY(200px);
      -ms-transform: translateY(200px);
      opacity: 0;
    }
  }
  @-o-keyframes gravity {
    to {
      transform: translateY(200px);
      -moz-transform: translateY(200px);
      -webkit-transform: translateY(200px);
      -o-transform: translateY(200px);
      -ms-transform: translateY(200px);
      opacity: 0;
    }
  }
  @-ms-keyframes gravity {
    to {
      transform: translateY(200px);
      -moz-transform: translateY(200px);
      -webkit-transform: translateY(200px);
      -o-transform: translateY(200px);
      -ms-transform: translateY(200px);
      opacity: 0;
    }
  }
  @keyframes gravity {
    to {
      transform: translateY(200px);
      -moz-transform: translateY(200px);
      -webkit-transform: translateY(200px);
      -o-transform: translateY(200px);
      -ms-transform: translateY(200px);
      opacity: 0;
    }
  }
  @-webkit-keyframes position {
    0%, 19.9% {
      margin-top: 10%;
      margin-left: 40%;
    }
    20%, 39.9% {
      margin-top: 40%;
      margin-left: 30%;
    }
    40%, 59.9% {
      margin-top: 20%;
      margin-left: 70%;
    }
    60%, 79.9% {
      margin-top: 30%;
      margin-left: 20%;
    }
    80%, 99.9% {
      margin-top: 30%;
      margin-left: 80%;
    }
  }
  @-moz-keyframes position {
    0%, 19.9% {
      margin-top: 10%;
      margin-left: 40%;
    }
    20%, 39.9% {
      margin-top: 40%;
      margin-left: 30%;
    }
    40%, 59.9% {
      margin-top: 20%;
      margin-left: 70%;
    }
    60%, 79.9% {
      margin-top: 30%;
      margin-left: 20%;
    }
    80%, 99.9% {
      margin-top: 30%;
      margin-left: 80%;
    }
  }
  @-o-keyframes position {
    0%, 19.9% {
      margin-top: 10%;
      margin-left: 40%;
    }
    20%, 39.9% {
      margin-top: 40%;
      margin-left: 30%;
    }
    40%, 59.9% {
      margin-top: 20%;
      margin-left: 70%;
    }
    60%, 79.9% {
      margin-top: 30%;
      margin-left: 20%;
    }
    80%, 99.9% {
      margin-top: 30%;
      margin-left: 80%;
    }
  }
  @-ms-keyframes position {
    0%, 19.9% {
      margin-top: 10%;
      margin-left: 40%;
    }
    20%, 39.9% {
      margin-top: 40%;
      margin-left: 30%;
    }
    40%, 59.9% {
      margin-top: 20%;
      margin-left: 70%;
    }
    60%, 79.9% {
      margin-top: 30%;
      margin-left: 20%;
    }
    80%, 99.9% {
      margin-top: 30%;
      margin-left: 80%;
    }
  }
  @keyframes position {
    0%, 19.9% {
      margin-top: 10%;
      margin-left: 40%;
    }
    20%, 39.9% {
      margin-top: 40%;
      margin-left: 30%;
    }
    40%, 59.9% {
      margin-top: 20%;
      margin-left: 70%;
    }
    60%, 79.9% {
      margin-top: 30%;
      margin-left: 20%;
    }
    80%, 99.9% {
      margin-top: 30%;
      margin-left: 80%;
    }
  }
}